<template>
  <div class="modifyInformation">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      请假申请
    </div>
    <div class="content">
      <group title="">
        <x-input style="float: left;" id="class_"  disabled v-model="className"  title="上课班级：" name="username" placeholder="请选择上课班级"  :show-clear="false"></x-input><div class="modifyBtn2" @click="goMyClassTeacher">选择</div>
      </group>
      <group title="">
        <x-input  v-model="seq"  disabled id="seq_" style="float: left;" title="课次：" name="username" placeholder="请选择课次"  :show-clear="false"></x-input><div class="modifyBtn2" @click="goMyClassSeqTeacher">选择</div>
      </group>
      <group title="">
        <x-input  v-model="seqTime"  disabled id="seq_" style="float: left;" title="上课时间：" name="username" placeholder="上课时间"  :show-clear="false"></x-input>
      </group>
      <div class="checkSex">
        <div style="float: left;margin-top: 8px;" class="lableSex">代理教师：</div>
        <div class="nianji" @click="show = true">{{$refs.picker1&&$refs.picker1.getNameValues()}}</div>
        <div style="color: red;font-weight: bold;">如未找好代课老师，请不要选择!</div>
      </div>
      <group title="">
            <x-textarea  v-model="reason"  name="reason" placeholder="请假理由" :show-clear="false"></x-textarea>
      </group>
    </div>
    <div class="modifyBtn" @click="submitQJform">提交</div>
    <div class="gradeListBox">
      <popup v-model="show" position="bottom" max-height="50%">
        <p class="btnBox"><span @click="chooseOK">确定</span></p>
        <picker ref="picker1" :data='agentTeacherList' :fixed-columns="2" v-model='gradeListValue' :columns="2" @on-change="setAgerntTeacher"></picker>
      </popup>
    </div>
  </div>
</template>

<style lang="scss" src='./qj.scss'></style>
<script src="./qj.js"></script>
